<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>层次选择器</title>

		<script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(function(){
				//获取div中所有的后代input元素
				//console.log($("div input"));
				//获取div中所有的子元素input
				//console.log($("div>input"));
				//获取id为testId元素的下一个同辈input元素
				//console.log($("#testId+input"));
				//获取id为testId元素的后面所有的同辈input元素
				console.log($("#testId~input"));
			});
		</script>
	</head>
	<body>		

		<div>

			<input type="text">
			<form action="">
				<input type="text">
				<input type="text" id="testId">
				<span><input type="text"></span>
				<input type="text">
				<input type="text">
				<input type="text">
			</form>
			<input type="text">
		</div>

	</body>
</html>

